<template>
    <div>
        <div class="item"
             v-for="(item,index) in list"
             :key="index"
             >
            <div class="item-title">
                <div>
                    <span class="item-title-icon iconfont">&#xe600;</span>{{item.title}}
                </div>
                <div v-if="item.children" class="item-children">
                    <list :list="item.children"></list>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "list",
        props:{
            list:{
                type:Array
            }
        }
    }
</script>

<style lang="stylus" scoped>
.item-title
    line-height:.8rem
    font-size:.32rem
    padding:0 .2rem
.item-title-icon
    color: #19de8e
.item-children
    padding:0 0.12rem


</style>